// 封装中间件函数
const directiveObj = {
  install (Vue) {
    Vue.directive('fofo', {
      inserted (el) {
        // 指令所在的van-search组件根标签是div，input在内部，以上都是原生标签对象
        // el可能是input，textares，div,拿nodeName判断标签的名字
        if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
          el.focus()
        } else {
          // el不是输入框，尝试往里获取一下
          setTimeout(() => {
            const theInput = el.querySelector('input')
            const theTextArea = el.querySelector('textarea')
            // 不一定获取得到，需要判断，有值了再执行
            if (theInput) theInput.focus()
            if (theTextArea) theTextArea.focus()
          })
        }
      },
      update (el) {
        if (el.nodeName === 'TEXTAREA' || el.nodeName === 'INPUT') {
          el.focus()
        } else {
          // el不是输入框，尝试往里获取一下
          setTimeout(() => {
            const theInput = el.querySelector('input')
            const theTextArea = el.querySelector('textarea')
            // 不一定获取得到，需要判断，有值了再执行
            if (theTextArea) theTextArea.focus()
            if (theInput) theInput.focus()
          })
        }
      }
    })
  }
}
export default directiveObj
